<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/style.css"/>
    <link rel="stylesheet" href="css/newListCSS.css"/>
</head>
<body>
<!--常国强-->
<div id="container"><!--容器-->
    <div id="header"><!--头部-->
        <div id="barTop">
            <div>
                <div id="wel"><p>welcome to little bag!</p></div>
                <div id="rightL">
                    <div id="user">
                        <span>请登录</span>
                        <span>|</span>
                        <span>快速注册</span>
                    </div>
                    <div id="cart">
                        <span>购物车</span>
                    </div>
                </div>
            </div>
        </div>
        <ul id="nav"><!-- 导航条-->
            <li><a href="index.html">首页</a></li>
            <li><a href="#">本季新品</a></li>
            <li><a href="index.html"><img src="images/logo.jpg" alt="这是本网站的Logo"/></a></li>
            <li><a href="#">经典系列</a></li>
            <li><a href="#">关于我们</a></li>
        </ul>
    </div>
    <div id="content"><!--内容-->
        <div id="banner"><!--banner图--></div>
        <div id="placeholder"></div>
        <div id="contentOne"><!--主要内容区-->
            <div id="introduce">
                <div id="golden"></div>
                <p id="transfer">&#xe619;</p><!--转意符-->
                <p id="introduceWenzi">装饰精美的珍惜材质，LITTLE  BAG女士香包无与伦比的优雅与品质，是“意大利制造”精湛<br>工艺的真正代表。</p>
            </div>
            <p id="newBag">新品手袋</p>
            <div id="product">
                <div id="list">
                    <ul>
                        <li>
                            <img src="images/a1.jpg"/>
                            <div><p>VENUS 手袋</p></div>
                        </li>
                        <li>
                            <img src="images/a2.jpg"/>
                            <div><p>ALMA B'N'B 手袋</p></div>
                        </li>
                        <li>
                            <img src="images/a3.jpg"/>
                            <div><p>FLANDRIN 手袋</p></div>
                        </li>
                        <li>
                            <img src="images/a4.jpg"/>
                            <div><p>LUNA 手袋</p></div>
                        </li>

                        <!-------->
                        <li>
                            <img src="images/a5.jpg"/>
                            <div><p>PASADENA 手袋</p></div>
                        </li>
                        <li>
                            <img src="images/a6.jpg"/>
                            <div><p>CAISSA TOTE 手袋</p></div>
                        </li>
                        <li>
                            <img src="images/a7.jpg"/>
                            <div><p>CAISSA HOBO 手袋</p></div>
                        </li>
                        <li>
                            <img src="jingdianimages/a8.jpg"/>
                            <div><p>SPEEDY 30 手袋</p></div>
                        </li>
                        <!-------->
                        <li>
                            <img src="images/a9.jpg"/>
                            <div><p>NEVERFULL 手袋</p></div>
                        </li>
                        <li>
                            <img src="images/a10.jpg"/>
                            <div><p>MONOGRAM JUNGLE 手袋</p></div>
                        </li>
                        <li>
                            <img src="images/a11.jpg"/>
                            <div><p>NANO NOE 手袋</p></div>
                        </li>
                        <li>
                            <img src="images/a12.jpg"/>
                            <div><p>NANO ALMA 手袋</p></div>
                        </li>
                        <!-------->
                        <li>
                            <img src="images/a13.jpg"/>
                            <div><p>SPEEDY 30 手袋</p></div>
                        </li>
                        <li>
                            <img src="images/a14.jpg"/>
                            <div><p>NEVERFULL 手袋</p></div>
                        </li>
                        <li>
                            <img src="images/a15.jpg"/>
                            <div><p>MONTAIGNE BB 手袋</p></div>
                        </li>
                        <li>
                            <img src="images/a16.jpg"/>
                            <div><p>METIS 手袋</p></div>
                        </li>
                    </ul>
                </div>
                <!------------板块2------------>
                <div id="list2">
                    <ul>
                        <li>
                            <img src="images/a17.jpg"/>
                            <div><p>VENUS 手袋</p></div>
                        </li>
                        <li>
                            <img src="images/a18.jpg"/>
                            <div><p>ALMA B'N'B 手袋</p></div>
                        </li>
                        <li>
                            <img src="images/a19.jpg"/>
                            <div><p>FLANDRIN 手袋</p></div>
                        </li>
                        <li>
                            <img src="images/a20.jpg"/>
                            <div><p>LUNA 手袋</p></div>
                        </li>

                        <!-------->
                        <li>
                            <img src="images/a21.jpg"/>
                            <div><p>PASADENA 手袋</p></div>
                        </li>
                        <li>
                            <img src="images/a22.jpg"/>
                            <div><p>CAISSA TOTE 手袋</p></div>
                        </li>
                        <li>
                            <img src="images/a23.jpg"/>
                            <div><p>CAISSA HOBO 手袋</p></div>
                        </li>
                        <li>
                            <img src="images/a24.jpg"/>
                            <div><p>SPEEDY 30 手袋</p></div>
                        </li>
                        <!-------->
                        <li>
                            <img src="images/a25.jpg"/>
                            <div><p>NEVERFULL 手袋</p></div>
                        </li>
                        <li>
                            <img src="images/a26.jpg"/>
                            <div><p>MONOGRAM JUNGLE 手袋</p></div>
                        </li>
                        <li>
                            <img src="images/a27.jpg"/>
                            <div><p>NANO NOE 手袋</p></div>
                        </li>
                        <li>
                            <img src="images/a28.jpg"/>
                            <div><p>NANO ALMA 手袋</p></div>
                        </li>
                        <!-------->
                        <li>
                            <img src="images/a29.jpg"/>
                            <div><p>SPEEDY 30 手袋</p></div>
                        </li>
                        <li>
                            <img src="images/a30.jpg"/>
                            <div><p>NEVERFULL 手袋</p></div>
                        </li>
                        <li>
                            <img src="images/a31.jpg"/>
                            <div><p>MONTAIGNE BB 手袋</p></div>
                        </li>
                        <li>
                            <img src="images/a32.jpg"/>
                            <div><p>METIS 手袋</p></div>
                        </li>
                    </ul>
                </div>
                <!----------板块3------------>
                <div id="list3">
                    <ul>
                        <li>
                            <img src="images/a33.jpg"/>
                            <div><p>VENUS 手袋</p></div>
                        </li>
                        <li>
                            <img src="images/a34.jpg"/>
                            <div><p>ALMA B'N'B 手袋</p></div>
                        </li>
                        <li>
                            <img src="images/a35.jpg"/>
                            <div><p>FLANDRIN 手袋</p></div>
                        </li>
                        <li>
                            <img src="images/a36.jpg"/>
                            <div><p>LUNA 手袋</p></div>
                        </li>

                        <!-------->
                        <li>
                            <img src="images/a37.jpg"/>
                            <div><p>PASADENA 手袋</p></div>
                        </li>
                        <li>
                            <img src="images/a38.jpg"/>
                            <div><p>CAISSA TOTE 手袋</p></div>
                        </li>
                        <li>
                            <img src="images/a39.jpg"/>
                            <div><p>CAISSA HOBO 手袋</p></div>
                        </li>
                        <li>
                            <img src="images/a40.jpg"/>
                            <div><p>SPEEDY 30 手袋</p></div>
                        </li>
                        <!-------->
                        <li>
                            <img src="images/a41.jpg"/>
                            <div><p>NEVERFULL 手袋</p></div>
                        </li>
                        <li>
                            <img src="images/a42.jpg"/>
                            <div><p>MONOGRAM JUNGLE 手袋</p></div>
                        </li>
                        <li>
                            <img src="images/a43.jpg"/>
                            <div><p>NANO NOE 手袋</p></div>
                        </li>
                        <li>
                            <img src="images/a44.jpg"/>
                            <div><p>NANO ALMA 手袋</p></div>
                        </li>
                        <!-------->
                        <li>
                            <img src="images/a45.jpg"/>
                            <div><p>SPEEDY 30 手袋</p></div>
                        </li>
                        <li>
                            <img src="images/a46.jpg"/>
                            <div><p>NEVERFULL 手袋</p></div>
                        </li>
                        <li>
                            <img src="images/a47.jpg"/>
                            <div><p>MONTAIGNE BB 手袋</p></div>
                        </li>
                        <li>
                            <img src="images/a48.jpg"/>
                            <div><p>METIS 手袋</p></div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div id="footer"><!--尾部-->
        <hr/>
        <!-- 购买细节-->
        <div id="service">
            <ul id="serDet">
                <li><h4>服务保障</h4>
                    <p><a href="#">品牌真品防伪码</a></p>
                    <p><a href="#">正品保证</a></p>
                    <p><a href="#">30天无条件退货</a></p>
                    <p><a href="#">7×24小时客服服务</a></p>
                </li>
                <li>
                    <h4>使用帮助</h4>
                    <p><a href="#">新手指南</a></p>
                    <p><a href="#">常见问题</a></p>
                    <p><a href="#">帮助中心</a></p>
                    <p><a href="#">用户协议</a></p>
                    <p><a href="#">企业用户团购</a></p>
                </li>
                <li>
                    <h4>支付方式</h4>
                    <p><a href="#">货到付款</a></p>
                    <p><a href="#">在线支付</a></p>
                    <p><a href="#">余额支付</a></p>
                    <p><a href="#">现金券支付</a></p>
                </li>
                <li>
                    <h4>配送方式</h4>
                    <p><a href="#">包邮政策</a></p>
                    <p><a href="#">配送说明</a></p>
                    <p><a href="#">运费说明</a></p>
                    <p><a href="#">验货签收</a></p>
                </li>
                <li>
                    <h4>售后服务</h4>
                    <p><a href="#">正品承诺</a></p>
                    <p><a href="#">售后咨询</a></p>
                    <p><a href="#">退货政策</a></p>
                    <p><a href="#">退货办理</a></p>
                </li>
            </ul>
            <ul id="appE">
                <li><div id="phoneA"><img src="images/photoApp.jpg" alt=""/></div><p>下载手机客户端</p></li>
                <li><div id="weiA"><img src="images/weiApp.jpg" alt=""/></div><p>LITTLE BAG官方微信</p></li>
            </ul>
        </div>
        <!--版权-->
        <div id="copyright">
            <p>COPYRIGHT © 2010-2015 北京创锐文化传媒有限公司 LITTLEBAG.COM 保留一切权利。 客服热线：400-123-8888</p>
        </div>
        <div id="backUp">&#xe62b;</div>
    </div>
</div>
<script type="text/javascript" src="js/javascript.js"></script>
<script type="text/javascript" src="js/newListJS.js"></script>
</body>
</html>